<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>JSP Page</title>
<!-- include jQuery + carouFredSel plugin -->
<script src="/js/jquery-1.8.2.min.js" type="text/javascript"></script>
<script src="/js/carousel/jquery.carouFredSel-6.1.0-packed.js"
	type="text/javascript"></script>
<link href="/css/carousel/carouFredSel.css" rel="stylesheet"
	type="text/css" />
<script src='js/menu/jquery.hoverIntent.minified.js'
	type='text/javascript'></script>
<script src='js/menu/jquery.dcmegamenu.1.3.3.js' type='text/javascript'></script>
<link href="/css/menu/black.css" rel="stylesheet" type="text/css" />
<link href="/css/menu/dcmegamenu.css" rel="stylesheet" type="text/css" />

<link href="/resources/jsImgSlider/themes/6/js-image-slider.css" rel="stylesheet"
	type="text/css" />
	
<script src="/resources/jsImgSlider/themes/6/mcVideoPlugin.js" type="text/javascript"></script>
<script src="/resources/jsImgSlider/themes/6/js-image-slider.js" type="text/javascript"></script>


<link href="/css/css.css" rel="stylesheet" type="text/css" />
<script src='/js/lightbox/lightBox.js' type='text/javascript'></script>
<script src='/js/menu.view.js' type='text/javascript'></script>
<script src='/js/fullhappy.cookie.js' type='text/javascript'></script>
<script src='/js/gallery.view.js' type='text/javascript'></script>


<script>
	$(function() {

		$('#foo2').carouFredSel({
			circular : false,
			infinite : false,
			auto : false,
			prev : {
				button : '#foo2_prev',
				key : 'left'
			},
			next : {
				button : '#foo2_next',
				key : 'right'
			},
			pagination : '#foo2_pag'
		});

	});
</script>


<style>
</style>
</head>
<body>
	<header style="height: 100px;"> </header>


	<div id="menu" class="black"></div>
	<script>
		var admin = true;
		new Menu().loadMenuData();
	</script>

	<div id="_body">


		<div id="sliderFrame">
		<div id="slider">
				<img src="/js/jsImgSlider/images/image-slider-1.jpg"
					alt="Welcome to Menucool Video Slider" />
					 <a class="video"
					href="http://vimeo.com/18867695">
					 <img
					src="/js/jsImgSlider/images/image-slider-2.jpg" alt="" />
				</a> <a class="video" href="http://www.youtube.com/watch?v=P0G_2tiivxE">
					<img src="/js/jsImgSlider/images/image-slider-3.jpg" />
				</a> <img src="/js/jsImgSlider/images/image-slider-4.jpg" /> 
				<a	class="video" href="http://vimeo.com/18560206" autoPlayVideo="false">
					<img src="/js/jsImgSlider/images/image-slider-5.jpg" width="920px" />
				</a>
			</div>
			
		</div>



		<section class="image_carousel">
			<div class="pagination1">dfsdfg</div>
			<div id="foo2" class="gallery_container">
				<article>
					<img
						src="http://caroufredsel.dev7studios.com/examples/images/small/basketball.jpg"
						alt="basketball" width="180" height="140" />
					<footer>
						<div class="title">Footer content</div>
						<div class="price">2500 VND</div>
					</footer>

				</article>
				<article>
					<img
						src="http://caroufredsel.dev7studios.com/examples/images/small/beachtree.jpg"
						alt="beachtree" width="180" height="140" />
					<footer>
						<div class="title">Footer content</div>
						<div class="price">2500 VND</div>
					</footer>
				</article>
				<article>
					<img
						src="http://caroufredsel.dev7studios.com/examples/images/small/cupcackes.jpg"
						alt="cupcackes" width="180" height="140" />
					<footer>
						<div class="title">Footer content</div>
						<div class="price">2500 VND</div>
					</footer>
				</article>
				<article>
					<img
						src="http://caroufredsel.dev7studios.com/examples/images/small/hangmat.jpg"
						alt="hangmat" width="180" height="140" />
					<footer>
						<div class="title">Footer content</div>
						<div class="price">2500 VND</div>
					</footer>
				</article>
				<article>
					<img
						src="http://caroufredsel.dev7studios.com/examples/images/small/new_york.jpg"
						alt="new york" width="180" height="140" />
					<footer>
						<div class="title">Footer content</div>
						<div class="price">2500 VND</div>
					</footer>
				</article>
				<article>
					<img
						src="http://caroufredsel.dev7studios.com/examples/images/small/laundry.jpg"
						alt="laundry" width="180" height="140" />
					<footer>
						<div class="title">Footer content</div>
						<div class="price">2500 VND</div>
					</footer>
				</article>
				<article>
					<img
						src="http://caroufredsel.dev7studios.com/examples/images/small/mom_son.jpg"
						alt="mom son" width="180" height="140" />
					<footer>
						<div class="title">Footer content</div>
						<div class="price">2500 VND</div>
					</footer>
				</article>
				<article>
					<img
						src="http://caroufredsel.dev7studios.com/examples/images/small/picknick.jpg"
						alt="picknick" width="180" height="140" />
					<footer>
						<div class="title">Footer content</div>
						<div class="price">2500 VND</div>
					</footer>
				</article>
				<article>
					<img
						src="http://caroufredsel.dev7studios.com/examples/images/small/shoes.jpg"
						alt="shoes" width="180" height="140" />
					<footer>
						<div class="title">Footer content</div>
						<div class="price">2500 VND</div>
					</footer>
				</article>
				<article>
					<img
						src="http://caroufredsel.dev7studios.com/examples/images/small/paris.jpg"
						alt="paris" width="180" height="140" />
					<footer>
						<div class="title">Footer content</div>
						<div class="price">2500 VND</div>
					</footer>
				</article>
				<article>
					<img
						src="http://caroufredsel.dev7studios.com/examples/images/small/sunbading.jpg"
						alt="sunbading" width="180" height="140" />
					<footer>
						<div class="title">Footer content</div>
						<div class="price">2500 VND</div>
					</footer>
				</article>
				<article>
					<img
						src="http://caroufredsel.dev7studios.com/examples/images/small/yellow_couple.jpg"
						alt="yellow couple" width="180" height="140" />
					<footer>
						<div class="title">Footer content</div>
						<div class="price">2500 VND</div>
					</footer>
				</article>
			</div>
			<div class="clearfix"></div>
			<a class="prev" id="foo2_prev" href="#"><span>prev</span></a> <a
				class="next" id="foo2_next" href="#"><span>next</span></a>
			<div class="pagination" id="foo2_pag"></div>
		</section>


		<section class="image_carousel">
			<div class="pagination1">dfsdfg</div>
			<div id="foo" class="gallery_container">
				<script>
					new GalleryView().loadNewGalleryInContainer('foo', 29);
				</script>
			</div>
			<div class="clearfix"></div>
			<a class="prev" id="foo_prev" href="#"><span>prev</span></a> <a
				class="next" id="foo_next" href="#"><span>next</span></a>
			<div class="pagination" id="foo_pag"></div>
		</section>


	</div>
	<footer style="height: 100px"> </footer>
</body>
</html>
